import { LitElement, html, css } from 'lit';
import { unsafeCSS } from 'lit';
import commonStyles from '@/main.css?inline';
import './x-header'
import './x-footer'


class XLayout extends LitElement {
  static styles = css`
    ${unsafeCSS(commonStyles)}
  `
  render() {
    return html`
      <link rel="stylesheet" href="/main.css" />
      <x-header></x-header>
      <main class="main">
        <slot></slot>
      </main>
      <x-footer></x-footer>
    `;
  }
}

customElements.define('x-layout', XLayout);